<div>
    <x-bladewind.centered-content class="position-absolute top-50 start-50 translate-middle">
        <x-bladewind.card>
            <form method="POST" class="signup-form" action="{{route('session.open',
            ['connection' => $connectionName,
            'user_id' => $user,
            'server_ip' => $server_ip])}}">
                @csrf

                <div class="text-center">
                    @foreach(json_decode($this->connectionField, true) as $field => $rules)
                        <x-bladewind.input name="{{ $field }}" placeholder="{{ $field }} " required="true" />
                        @error($field)
                        <x-bladewind.alert
                            type="error">
                            {{ $message }}
                        </x-bladewind.alert>
                        <br>
                        @enderror
                    @endforeach
                </div>


                <div class="text-center">

                    <x-bladewind.button
                        name="btn-save"
                        has_spinner="true"
                        type="primary"
                        can_submit="true"
                        class="mt-3">
                        Добавить
                    </x-bladewind.button>

                </div>

            </form>
        </x-bladewind.card>
    </x-bladewind.centered-content>
</div>

